import {
    StyleSheet
} from 'react-native';

import { base_color } from '../../../config/color.json';

export default StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: "#fff"
    },
    bannerBox: {
        paddingLeft: 6,
        paddingRight: 6,
        marginBottom: 18
    },
    boxHeader: {
        marginTop: 5,
        marginBottom: 0,
        marginLeft: 10,
        paddingLeft: 7,
        paddingTop: 0,
        paddingBottom: 0,
        borderLeftWidth: 3,
        borderColor: base_color,
        borderStyle: "solid"
    },
    boxHeaderTitle: {
        color: "#020202",
        fontWeight: "bold",
        fontSize: 16
    },
    RelativeBox: {
        height: 195,
    },
    RelativeContentContainer: {
        paddingLeft: 10,
        alignItems: "center",
    },
    relativeItem: {
        marginRight: 10
    },
    relativeAvatar: {
        width: 95, 
        height: 95,
        borderRadius: 10,
        marginBottom: 7
    },
    relativeUserInfo: {
        flexDirection: "row",
        padding: 0,
        alignItems: "baseline"
    },
    relativeNick: {
        fontSize: 12,
        height: 25,
        lineHeight: 32
    },
    relativeAge: {
        backgroundColor: "#86d5ff",
        color: "#fff",
        paddingLeft: 12,
        paddingBottom: 0,
        paddingTop: 0,
        paddingRight: 6,
        borderRadius: 10,
        marginLeft: 5,
        fontSize: 10
    },
    relativeLevel: {
        color: "#bababa",
        fontSize: 10,
        marginTop: 2
    },
    RecomBox: {
        flex: 1
    },
    RecomContentContainer: {
        paddingTop: 10,
        paddingLeft: 6,
        paddingRight: 6
    },
    RecomRow: {
        marginTop: 10,
        marginBottom: 15,
        flexDirection: "row"
    },
    RecomAvatar: {
        width: 90, 
        height: 90,
        borderRadius: 10,
        marginRight: 15
    },
    RecomNick: {
        color: "#373737",
        fontSize: 16
    },
    RecomExtroInfo: {
        color: "#c1c1c1",
        marginTop: 9,
        marginBottom: 13,
        fontSize: 13
    },
    RecomSkillList: {
        flexDirection: "row"
    },
    RecomItemSkill: {
        color: "#e47c93",
        borderColor: "#e47c93",
        borderWidth: 1,
        borderStyle: "solid",
        borderRadius: 7,
        padding: 4,
        marginRight: 10,
        fontSize: 11
    }
})